<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

</head>
<body style="background-color: aquamarine">
<div id="app"  style="padding-top: 100px" >
    <el-row>
        <el-col :offset="8" :span="10">
            <h1>CSORACLE 体检预约信息管理后台系统</h1>
        </el-col>
    </el-row>
    <el-row>
        <el-col :offset="7" :span="10">
            <el-form >
                <form action="/user/login" method="post">
                <el-form-item label="姓名" >
                    <input  name="username"  style="font-size:20px;width: 400px ;height: 40px"   autocomplete="off" placeholder="请输入姓名"></input>
                </el-form-item>

                <el-form-item label="密码" >
                    <input  type="password" style="font-size:20px;width: 400px ;height: 40px"  name="password" placeholder="请输入密码"></input>
                </el-form-item>

                <el-form-item style="padding-left: 50px">
                    <input style="margin-left:50px;width: 300px ;font-size:20px;height: 50px;background-color: blue"  type="submit" value="登录">

                </el-form-item>
                </form>
            </el-form>
        </el-col>
    </el-row>


</div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {


        },

    })
</script>
</html>